<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>运动ing</title>
</head>
<body class="cfff">
    <div class=" df aicenter mb30">
        <div class="flex">
            <p class="font12 ca7">户外跑</p>
            <p class="font22">运动中</p>
        </div>
        <div class="music">
       <span class="iconfont ">&#xe60d;</span>
       <span class="iconfont">&#xe629;</span>
        </div>
    </div>
    <!-- 公里数 -->
    <div class="tcenter mt20 ">
        <span class="km">99.99</span>
        <span>公里</span>
    </div>
    <!--  -->
    <div class="df aicenter mt20 ">
        <span class=" font14 ca7">GPS信号低,数据准确度低</span>
        <span class="flex line"></span>
        <span class="iconfont map " id="iconMap">&#xe606;</span>
    </div>
    <!--  -->
    <div class="df aicenter mt40 icons tcenter ">
        <span class="flex iconfont ">&#xe68a;</span>
        <span class="flex iconfont ">&#xeb2a;</span>
        <span class="flex iconfont">&#xe61b;</span>
    </div>
    <!--  -->
    <div class="df aicenter tcenter font14">
        <span class="flex ">配速</span>
        <span class="flex ">用时</span>
        <span class="flex ">千卡</span>
    </div>
    <!--  -->
    <div class="df aicenter tcenter font20 mt20">
        <span class="flex ">----</span>
        <span class="flex ">00:00:00</span>
        <span class="flex ">3000</span>
    </div>
    <!-- -->
    <div  class="rel">
        <div class="play   rel">
            <span class="iconfont  stop abs">&#xe60a;</span>
            <span class="abs pause" id="pause">暂停</span>
        </div>
        <sapn class=" iconfont abs lock">&#xe604;</span>
        
       
    </div>
    
    
</body>
</html>